@import './variables';
@import './reset';
@import './layout';
@import './form';
@import './button';
@import './card';
@import './nav';
@import './modal';
@import './page';
@import './login';
.btn-outline-primary {
  border-color: $mainColor;
  color: $mainColor;
  &:hover {
    background: $mainColor;
    border-color: $mainColor;
  }
}
.teacher {
  .btn-outline-primary {
    border-color: $teacherMainColor;
    color: $teacherMainColor;
    &:hover {
      background: #fff;
      border-color: $teacherMainColor;
    }
  }
}

input {
  &::-webkit-input-placeholder {
    text-align: center;
  }
}
.btn-primary {
  background: $mainColor;
  border-color: $mainColor;
  &:hover {
    background: $mainColor;
    border-color: $mainColor;
  }
}
.invalid-feedback {
  color: #FF4121;
  font-size: 12px;
}
a {
  color: $mainColor;
  &:hover {
    color: $mainColor;
  }
}